<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="A js demo about iScroll which support pulling up/down to refresh page.">
	<meta name="keywords" content="web, js demo, jQuery plugin, jQuery widget, html, mobile, lazy load">
	<meta name="author" content="Steper Kuo">
	<title>iScroll5 Demo: Pull to Refresh</title>

	<!-- Favicons -->
	<link rel="apple-touch-icon" sizes="152x152" href="https://gyx8899.github.io/YX-WebThemeKit/assets/img/apple-icon-152x152.png">
	<link rel="icon" type="image/png" sizes="16x16" href="https://gyx8899.github.io/YX-WebThemeKit/assets/img/favicon-16x16.png">

	<link rel="stylesheet" href="styles/iscroll-pullToRefresh.css">
	<link rel="stylesheet" href="styles/index.css">

	<script type="text/javascript" src="scripts/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="scripts/iscroll-probe.js"></script>
	<script type="text/javascript" src="scripts/iscroll-pullToRefresh.js"></script>
	<script type="text/javascript" src="scripts/index.js"></script>

</head>
<body>
<div id="header">iScroll</div>
<div class="list-wrapper">
	<div class="list-scroller">
		<div class="pullDown">
			<span class="pullDownIcon">&nbsp;</span>
		</div>
		<ul>
			<li data-index="1">Pretty row initial content : 1</li>
			<li data-index="2">Pretty row initial content : 2</li>
			<li data-index="3">Pretty row initial content : 3</li>
			<li data-index="4">Pretty row initial content : 4</li>
			<li data-index="5">Pretty row initial content : 5</li>
			<li data-index="6">Pretty row initial content : 6</li>
			<li data-index="7">Pretty row initial content : 7</li>
			<li data-index="8">Pretty row initial content : 8</li>
			<li data-index="9">Pretty row initial content : 9</li>
			<li data-index="10">Pretty row initial content : 10</li>
			<li data-index="11">Pretty row initial content : 11</li>
			<li data-index="12">Pretty row initial content : 12</li>
			<li data-index="13">Pretty row initial content : 13</li>
			<li data-index="14">Pretty row initial content : 14</li>
			<li data-index="15">Pretty row initial content : 15</li>
		</ul>
		<div class="pullUp"></div>
	</div>
</div>
<div id="footer">Footer</div>
</body>
</html>